<template>
  <div class="ChatSettingLog">
    <n-modal v-model:show="showModal">
      <n-card style="max-width: 90%;" @close="showModal = false" closable :title="chatSettings![nowOption].label"
        :bordered="false" size="huge" role="dialog" aria-modal="true">
        <ChatSettingAction :option="nowOption" @update:visible="showModal = false" />
      </n-card>
    </n-modal>
  </div>
</template>

<script setup lang='ts'>
const { chatSettings, nowOption } = storeToRefs(chatSettingStore())
const showModal = ref(false)
const show = (key: FormTemplatesKey) => {
  nowOption.value = key
  showModal.value = true
}
defineExpose({
  show
})
</script>
